.pages-wrapper{
  width: 100%;
  height: calc(100vh + 350px);
  overflow: scroll;
  background: rgba(240, 242, 245,1);
  padding: 14px;
  display: flex;

  .left {
    width: 18%;
    height: calc(100vh + 350px);
    padding-right: 20px;
    background: #fff;

    .el-form-item {
      margin-top: 20px;
      width: 200px;

      ::v-deep .el-form-item__label {
        width: 60px !important;
      }

      ::v-deep .el-form-item__content {
        margin-left: 60px !important;
      }
      ::v-deep .el-select__tags-text {
        max-width: 45px;
      }
    }
  }

  .right {
    width: 82%;
    height: calc(100vh + 350px);
    padding-left: 10px;

    .right_top  {
      height: 28px;
      line-height: 28px;
      background: #fff;
    }

    .right_cen {
      overflow: hidden;
      height: 120px;
      align-items : center;
      background: #fff;
      display: flex;
      justify-content: space-between;

      .cen_1 {
        padding: 30px;

        .cen_text {
          font-size: 30px;
          color: rgb(75, 182, 129);
        }
      }
      .add:last-child {
        display: none;
      }
    }
    .right_cen1 {
      height: 30px;
      background-color: #fff;
      margin-top: 5px;
      font-size: 18px;

      .cen1_1 {
        margin-left: 30px;
        line-height: 30px;
        display: inline-block;

        .cen1_btn {
          display: inline-block;
          height: 12px;
          width: 12px;
          background-color: #ccc;

          .btn_l0 {
            background-color: #9add2c;
          }
          .btn_l1 {
            background-color: #70b603;
          }
          .btn_l2 {
            background-color: #4b7902;
          }
        }
      }

    }

    .right_cen2 {
      display: flex;
      justify-content: space-between;
      background: #fff;
      margin-top: 10px;
      text-align: center;

      .cen2_1 {
        width: 100%;
        .cen2_1_text {
          border-bottom: #ccc solid 1px;
          height: 25px;
          line-height: 25px;
        }

        .cen2_1_btn {
          margin: 5px;
          height: 40px;
          line-height: 40px;
          background-color: green;
          color: #fff;
          cursor: pointer;
          //appearance: button;
        }
        .cen2_1_btn:focus {
          color: red !important;
        }
      }
    }
    .right_cen3 {
      padding-left: 5px;
      margin-top: 20px;
      white-space: nowrap;
      background-color: #fff;
      min-height: 410px;
      overflow-y: hidden;
      overflow-x: scroll;
      .right_cen3_1 {
        border-right: #ccc solid 1px;
        border-top: #ccc solid 1px;
        padding: 10px;
        width: 330px;
        display: inline-block;
        .right_cen3_center  {
          height: 120px;
          line-height: 120px;
          font-size: 20px;
          text-align: center;
          margin-top: 20px;
          margin-bottom: 20px;
        }
        .right_cen3_top {
          cursor: pointer;
        }
      }
      .right_cen3_bottom {
        .cen1_1 {
          margin-top: 5px;
          height: 40px;
          border-bottom: #ccc solid 1px;
          .describe {
            font-size: small;
            white-space: normal;
            overflow-y: hidden;
            text-overflow: ellipsis;
          }
        }
      }
      .cen1_btn {
        display: inline-block;
        height: 12px;
        width: 12px;
        background-color: #ccc;

        .btn_l0 {
          background-color: #9add2c !important;
        }
        .btn_l1 {
          background-color: #70b603;
        }
        .btn_l2 {
          background-color: #4b7902;
        }
      }
    }

    .right_cen4 {
      background-color: #fff;
    }
  }
}
